<template>

	<view class="box">


		<view class="content">


			<image src="/static/images/demo/guize.png" mode="widthFix" style="width: 100%;"></image>



			<!-- 模态框组件 -->
			<!-- 		<u-modal :visible="modalVisible" mode="center">
				<image src="/static/images/demo/guize.png" style="width: 100%;"></image>
			</u-modal> -->
			<!-- <view class="foot">
				<div class="technical-support bg"><span><span>XXX</span> 提供技术支持 </span></div>
			</view> -->
		</view>
	</view>

</template>
<script>
	import uniCard from '@/components/uni-card/uni-card.vue'
	import layout from '@/components/layout/index.vue'
	import {
		mapActions
	} from 'vuex'

	export default {
		data() {
			return {
				title: "文化大拜年",
				modalVisible: false,

			}
		},
		onLoad() {
			const {
				setNavigationBarTitle,
				setPlayersLeft,
				setPlayersRight
			} = this

			setNavigationBarTitle()

		},
		components: {
			uniCard,
			layout
		},
		methods: {
			...mapActions(['setNavigationBarTitle']),

			showModal() {
				console.log("123");
				this.modalVisible = true; // 点击图片时显示模态框
			}
		}
	}
</script>

<style scoped lang="scss">
	.box {
		height: 100vh;
		/* 背景图 */
		background: url("@/static/images/banner/banner_baoming.jpg");
		/* or repeat-y */
		background-repeat: repeat;
		position: relative;
		top: -6.2vh;
	}

	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding-bottom: 150rpx;
		margin-top: 3rem;

		.logo {
			width: 100%;
			min-height: 100rpx;
		}

		.uni-card {
			width: 95%;
			border-radius: 5px;
			color: #333;
			font-size: .37333rem;
			text-align: justify;
			white-space: pre-wrap;
			line-height: 1.6;
		}

		.foot {
			color: #fff;
			margin: 20rpx 0;
		}
	}

	/**
	 * 
	 
	 <view>
	 	<p><strong><span style="font-family: 微软雅黑;font-size: 14px">活动时间：</span></strong></p>
	 	<p><span style="font-family: 微软雅黑; font-size: 14px; text-align: left;">10月14日-10月18日，拍摄拜年视频</span>
	 	</p>
	 	<p><span style="text-align: left; font-family: 微软雅黑; font-size: 14px;">1</span><span
	 			style="text-align: left; font-family: 微软雅黑; font-size: 14px;">0月19日-10月23日，专业团队处理</span></p>
	 	<p><span style="text-align: left; font-family: 微软雅黑; font-size: 14px;"><br></span></p>
	 	<p><strong><span style="font-family: 微软雅黑;font-size: 14px"><span
	 					style="font-family:微软雅黑">视频如何处理？：</span></span></strong></p>
	 	<p><span style=";font-family:微软雅黑;font-size:14px"><span
	 				style="font-family:微软雅黑">1. 9.9元：</span>视频进行简单处理</span></p>
	 				<p><span style=";font-family:微软雅黑;font-size:14px"><span
	 							style="font-family:微软雅黑">2. 99.9元：</span>专业团队进行包装</span></p>
	 	<!-- <p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">2.</span>99.9元
	 			奖金888元 </span></p>
	 	<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">三等奖：</span>5张
	 			奖金666元 </span></p>
	 	<p><span style=";font-family:微软雅黑;font-size:14px"><span style="font-family:微软雅黑">乘风破浪奖：</span>10张，
	 			奖金188元</span></p> -->
	 	<p><span style=";font-family:微软雅黑;font-size:14px"><span
	 				style="font-family:微软雅黑">注：以上项目人人皆可参与,拍摄时间过后我们会发送视频到您的邮箱</span></span></p>
	 	<p><span style=";font-family:微软雅黑;font-size:14px"><span
	 				style="font-family:微软雅黑"><b>有奖征集：</b>凡参与者均可获得诗丽堂</span>VIP体验卡+阳光意外险！</span></p>
	 	<p class="ql-align-justify"><br></p>
	 	<p class="ql-align-center"><span style="color: #000000; font-size: 15px;">本活动最终解释权归<b>中国文化视窗网</b>所有</span></p>
	 	<p><br></p>
	 </view>
	 
	 */
</style>